﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>

    <script type="text/javascript">
        function changeFly(obj)
        {
            document.getElementById("flyPic").src = "images\\" + obj.options[obj.selectedIndex].value;
        }

     </script>
</head>
<body>
    <center>
    <table style="width:1000px; background-color:InfoBackground;border: 1px dotted gray; text-align:center;">
        <tr><td style="font-size:36px; font-weight:bold;height:80px;">中国南方航空公司乘客座位分配系统</td></tr>
        <tr><td> 
                <img id="flyPic" src="images\波音777B仓位图.jpg" width="1000px" height="400px"  />
            </td>
        </tr>
        <tr><td style="text-align:right;"> 
                临时调换机型机型：<select onchange="changeFly(this);">
                       <option value="波音777B仓位图.jpg">777B</option>
                       <option value="国航B777-300ER.jpg">B777-300ER</option>
                       <option value="南航A330.png">A330</option>
                       <option value="南航A380.png">A380</option>
                   </select>&nbsp;&nbsp;&nbsp;&nbsp;
                  <input type="button" value="自动分配座位" / onclick="alert('自己实现算法');" />
            </td>
        </tr>
        <tr><td style="text-align:center; padding-top:20px" > 
               <fieldset style="width:99%;" >
                   <legend>旅客信息</legend>
                   <table style="width:100%">
                       <tr>
                           <td>旅客姓名：</td><td style="text-align:left;"><input type="text" id ="userName"/></td>
                           <td>身份证号码：</td><td style="text-align:left;"><input type="text" id ="IDNum"/></td>
                           <td>性别：</td><td style="text-align:left;"><input type="radio" name ="sex"/>男&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="radio" name ="sex"/>女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="checkbox" name ="sex"/>随行婴儿</td>
                       </tr>
                        <tr>
                           <td >特殊需求：</td>
                           <td colspan="4" style="text-align:left;">
                               <input type="checkbox" name ="sex"/>靠窗&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="checkbox" name ="sex"/>靠过道&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="checkbox" name ="sex"/>靠登机口&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="checkbox" name ="sex"/>靠中间&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="checkbox" name ="sex"/>靠后机尾&nbsp;&nbsp;&nbsp;&nbsp;
                           </td>
                            <td style="text-align:right;"> <input type="button" value="分配座位" / onclick="alert('自己实现算法');" /></td>
                       </tr>
                   </table>
               </fieldset>
            </td>
        </tr>
        <tr><td style="text-align:center; padding-top:20px" > 
               <fieldset style="width:99%;" >
                   <legend>团体旅客信息(1-8名，分配临近座位)</legend>
                   <table style="width:100%">
                       <tr>
                           <td>旅客姓名：</td><td style="text-align:left;"><input type="text" id ="Text1"/></td>
                           <td>身份证号码：</td><td style="text-align:left;"><input type="text" id ="Text2"/></td>
                           <td>性别：</td><td style="text-align:left;"><input type="radio" name ="sex"/>男&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="radio" name ="sex"/>女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           </td>
                       </tr>
                        <tr>
                           <td>旅客姓名：</td><td style="text-align:left;"><input type="text" id ="Text9"/></td>
                           <td>身份证号码：</td><td style="text-align:left;"><input type="text" id ="Text10"/></td>
                           <td>性别：</td><td style="text-align:left;"><input type="radio" name ="sex"/>男&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="radio" name ="sex"/>女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           </td>
                       </tr>
                        <tr>
                           <td>旅客姓名：</td><td style="text-align:left;"><input type="text" id ="Text11"/></td>
                           <td>身份证号码：</td><td style="text-align:left;"><input type="text" id ="Text12"/></td>
                           <td>性别：</td><td style="text-align:left;"><input type="radio" name ="sex"/>男&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="radio" name ="sex"/>女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           </td>
                       </tr>
                        <tr>
                           <td>旅客姓名：</td><td style="text-align:left;"><input type="text" id ="Text13"/></td>
                           <td>身份证号码：</td><td style="text-align:left;"><input type="text" id ="Text14"/></td>
                           <td>性别：</td><td style="text-align:left;"><input type="radio" name ="sex"/>男&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="radio" name ="sex"/>女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           </td>
                       </tr>
                        <tr>
                           <td>旅客姓名：</td><td style="text-align:left;"><input type="text" id ="Text15"/></td>
                           <td>身份证号码：</td><td style="text-align:left;"><input type="text" id ="Text16"/></td>
                           <td>性别：</td><td style="text-align:left;"><input type="radio" name ="sex"/>男&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="radio" name ="sex"/>女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           </td>
                       </tr>
                        <tr>
                           <td>旅客姓名：</td><td style="text-align:left;"><input type="text" id ="Text7"/></td>
                           <td>身份证号码：</td><td style="text-align:left;"><input type="text" id ="Text8"/></td>
                           <td>性别：</td><td style="text-align:left;"><input type="radio" name ="sex"/>男&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="radio" name ="sex"/>女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           </td>
                       </tr>
                        <tr>
                           <td>旅客姓名：</td><td style="text-align:left;"><input type="text" id ="Text3"/></td>
                           <td>身份证号码：</td><td style="text-align:left;"><input type="text" id ="Text4"/></td>
                           <td>性别：</td><td style="text-align:left;"><input type="radio" name ="sex"/>男&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="radio" name ="sex"/>女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           </td>
                       </tr>
                        <tr>
                           <td>旅客姓名：</td><td style="text-align:left;"><input type="text" id ="Text5"/></td>
                           <td>身份证号码：</td><td style="text-align:left;"><input type="text" id ="Text6"/></td>
                           <td>性别：</td><td style="text-align:left;"><input type="radio" name ="sex"/>男&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="radio" name ="sex"/>女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           </td>
                       </tr>
                        <tr>
                           <td >特殊需求：</td>
                           <td colspan="4" style="text-align:left;">
                               <input type="checkbox" name ="sex"/>靠窗&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="checkbox" name ="sex"/>靠过道&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="checkbox" name ="sex"/>靠登机口&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="checkbox" name ="sex"/>靠中间&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="checkbox" name ="sex"/>靠后机尾&nbsp;&nbsp;&nbsp;&nbsp;
                               <input type="checkbox" name ="sex"/>随行婴儿
                           </td>
                            <td style="text-align:right;"> <input type="button" value="分配座位" / onclick="alert('自己实现算法');" /></td>
                       </tr>
                   </table>
               </fieldset>
            </td>
        </tr>
        <tr><td style="text-align:center; padding-top:20px" > 
               <fieldset style="width:99%;" >
                   <legend>旅客信息（批量导入）</legend>
                   <table style="width:100%">
                        <tr>
                           <td >选择文件（旅客信息）：</td>
                           <td colspan="4" style="text-align:left;">
                               <input type="file" id ="updateFile" style="width:300px"/>
                           </td>
                            <td style="text-align:right;"> <input type="button" value="导入并自动分配座位" / onclick="alert('自己实现算法');" /></td>
                       </tr>
                   </table>
               </fieldset>
            </td>
        </tr>
        <tr>
            <td  style="text-align:center; padding-top:20px" >
                 <table style="width:100%">
                     <tr><td  colspan="4" style="background-color:greenyellow"><b>本次航班座位分配满意度评估</b></td></tr>
                     <tr>
                         <td>
                             <img src="images\饼图.jpg" width="220px""  />
                         </td>
                         <td>
                             <img src="images\饼图.jpg" width="220px""  />
                         </td>
                         <td>
                             <img src="images\饼图.jpg" width="220px""  />
                         </td>
                         <td>
                             <img src="images\饼图.jpg" width="220px""  />
                         </td>
                     </tr>
                     <tr>
                         <td>
                             满意度
                         </td>
                         <td>
                             XXXX
                         </td>
                         <td>
                             XXXX
                         </td>
                         <td>
                             XXXX
                         </td>
                     </tr>
                </table>
            </td>
            </tr>
        </table>
    </center>
</body>
</html>
